<!--样式-->
<!--<link rel="stylesheet" href="index.css?__inline">-->

<section class="dx-list-default">
  <div class="dx-operation-bar">
    <form class="layui-form">

      <div class="layui-form-item">
        <div class="layui-input-inline">
          <input type="tel" name="username" lay-verify="username" placeholder="请输入用户名称" autocomplete="off"
                 class="layui-input">
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-input-inline">
          <input type="tel" name="phone" lay-verify="phone" placeholder="请输入联系方式" autocomplete="off"
                 class="layui-input">
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-input-block">
          <select name="role">
            <option value="">请选择角色</option>
            <option value="1">超级管理员</option>
            <option value="2">运营</option>
            <option value="3">客服</option>
          </select>
        </div>
      </div>

      <div class="layui-form-item">
        <div class="layui-input-block">
          <button class="layui-btn btn-yellow" lay-submit="" lay-filter="search">查询</button>
        </div>
      </div>

    </form>
    <div class="layui-form-item item-right">
      <div class="layui-input-block">
        <button class="layui-btn btn-simple-blue layui-btn-primary" id="add" dx-type="add" style="font-weight: bold">
          <i class="iconfont icon-jia"></i>新增
        </button>
      </div>
    </div>
  </div>

  <table class="layui-table">
    <thead>
    <tr>
      <th>账户名称</th>
      <th>姓名</th>
      <th>角色</th>
      <th>部门</th>
      <th>联系方式</th>
      <th class="table-operation-box">操作</th>
    </tr>
    </thead>
    <tbody>

    {{# layui.each(d.list, function(index, item){ }}
    <tr>
      <td>{{item.user}}</td>
      <td>兰冲</td>
      <td>超级管理员</td>
      <td>客服部</td>
      <td>13578899767</td>
      <td class="table-operation-box">
        <span class="table-operation user-info" dx-type="info"><i class="iconfont icon-chakan"></i></span>
        <span class="table-operation user-update" dx-type="update"><i class="iconfont icon-xiugai"></i></span>
        <span class="table-operation user-ban"><i class="iconfont icon-101"></i></span>
      </td>
    </tr>
    {{# }); }}
    </tbody>
  </table>

  <div id="dx-page-default" class="dx-page-default"></div>

  <!--<div id="testDom">
    <ul>
      <li>我是测试DOM</li>
    </ul>
  </div>-->

</section>